<template>
    <div class="home_baby">
      <div style="margin-top: 15%;margin-left: 5%">
        <svg width="500" height="160" xmlns="http://www.w3.org/2000/svg">
          <defs>
            <filter id="svg_4_blur">
              <feGaussianBlur in="SourceGraphic" stdDeviation="0.5"/>
            </filter>
          </defs>
          <g>
            <title>Layer 1</title>
            <text fill="#000000" stroke-width="0" x="-440.90559" y="-100.68864" id="svg_4" font-size="98" font-family="'Asap'" text-anchor="start" xml:space="preserve" font-weight="bold" stroke="#C48157" transform="rotate(0.206238 107.553 43.6255) matrix(0.65395 0 0 0.63358 295.112 129.725)" filter="url(#svg_4_blur)" font-style="normal">书程小驿</text>
            <text style="cursor: move;" transform="matrix(0.401569 0 0 0.406973 64.9764 142.766)" stroke="#C48157" xml:space="preserve" text-anchor="start" font-family="'Andada Pro'" font-size="98" id="svg_2" y="-35.87611" x="68.48707" stroke-width="0" fill="#000000">Posthouse of Books</text>
          </g>
        </svg>
      </div>
      <div class="home_baby_login">
        <router-view></router-view>
      </div>
    </div>
</template>

<script setup>
</script>

<style scoped>
.home_baby{
  display: flex;
  width: 100%;
  height: 100%;
  position: absolute;
  min-height: 600px;
  background: url("src/assets/img/back/img.png") no-repeat;
  background-size: cover;
}
.home_baby_login{
  padding-top: 10%;
  width: max-content;
  background: rgb(0,0,0,0);
  position: relative;
  margin-left: auto;
  margin-right: 25%;
}
</style>
